document.addEventListener('DOMContentLoaded', function () {
	/**
	 * 生成二维码图片
	 *
	 * @param text 要生成二维码的文本内容
	 * @returns 无返回值，会直接生成二维码图片并显示在页面中
	 */
	function generateQrcode(text) {
		const qrImg = document.getElementById('qrcodeImg');
		qrImg.innerHTML = '';
		new QRCode(qrImg, {
			text: text,
			width: 200,
			height: 200,
		});
	}

	// 获取文本框
	const qrcodeTextInput = document.getElementById('qrcodeText');
	// 需要授权tabs权限
	chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {
		if (tabs.length > 0) {
			var tab = tabs[0];
			qrcodeTextInput.value = tab.url;
			qrcodeTextInput.focus();
			generateQrcode(tab.url);
		} else {
			alert('没有打开的标签页');
		}
	});

	// 生成码按钮
	const generateBtn = document.getElementById('generateBtn');
	generateBtn && generateBtn.addEventListener('click', function() {
		const qrcodeText = qrcodeTextInput.value;
		if (!qrcodeText) {
			return alert('请输入要生成的内容');
		}
		generateQrcode(qrcodeText);
	})

	// 生成短网址按钮
	const generateShortBtn = document.getElementById('generateShort');
	generateShortBtn && generateShortBtn.addEventListener('click', function() {
		const qrcodeText = qrcodeTextInput.value;
		if (!qrcodeText) {
			return alert('请输入要生成短链的内容');
		}
		const {fuid = ''} = window.passFingerPrint && window.passFingerPrint() || {};
		// 发送网络请求存储数据库
		if (fuid.substring(0, 255)) {
			axios({
				method: 'post',
				url: 'http://172.26.204.61:1005/qrcode',
				data: {
					fuid,
					content: qrcodeText
				}
			}).then(res => {
				const {data = {}} = res;
				if (data.status === 200) {
					generateQrcode(data.data.qrcodeLink);
				} else {
					alert('生成失败' + JSON.stringify(res));
				}
			})
		}
	});	
});
